<template>
    <div class='goods-box'>
        <div  v-for='item in goodsArr' class='goods-item'>
            <img :src="item.image_url|sortImgFormat" alt=""><br>
            <span>{{item.title}}</span>
        </div>
    </div>
</template>
<script>
    export default{
        props:['goodsArr']
    }
</script>
<style scoped>
    .goods-box{
        width: 100%; 
        display: flex;
        flex-wrap: wrap;
        text-align: center;
    }
    .goods-item{
        width: 25%;
        color:#666666;
    }
    img{
        width: 40px;
        height: 40px;
        margin-top: 10px;
    }
</style>